
*{
  padding:0px;
  margin:0px;
}
.k_homepage{
  width:100%;
  background: #f4f4f4;
  .container{
    width:1200px;
    margin:0 auto;
    overflow: hidden;
    padding-bottom: 220px;
    .homepage_customer{
      width:650px;
      margin:60px auto;
      .customer_user{
        .bj_kf{
          .icon-zhuanfa00{
            color:#ff7200;
          }
          .tit{
            font-size: 12px;
            width: 80px;
            display: inline-block;
            text-align: right;
            margin-right:20px;
          }
          .user_name{
            font-size: 18px;
            font-weight: bold;
            margin-right:20px;
            font-family:Microsoft YaHei;
          }
          .giveothe{
            display: inline-block;
            cursor: pointer;
            .kefu{
              color:#8c8c8c;
              font-size: 12px;
            }
          }
          .history{
            //width: 86px;
            height:20px;
            padding:0 8px;
            border-radius:4px;
            font-size:12px;
            margin-left: 18px;
            border:1px solid #ff7200;
            color:#ff7200;
            line-height: 20px;
            text-align: center;
            cursor: pointer;
          }
        }
        .note{
          margin-top: 20px;
          display: flex;
          line-height: 28px;
          .tit{
            width:80px;
            font-size: 10px;
            text-align: right;
            margin-right:20px;
          }
          .identity{
            flex:1;
            height:28px;
            border:1px solid #eee;
            background: #fff;
            color:#000;
            font-size: 12px;
            text-indent: 10px;
          }
        }
        .evaluation{
          display: flex;
          margin-top: 20px;
          font-size: 12px;
          .eval_name{
              width: 80px;
              line-height:28px;
              text-align:right;
              margin-right: 20px;
          }
          .eval_right{
            flex:1;
            .eval-lists{
              .eval-list{
                line-height: 28px;
              }
            }
            .more_eval{
              margin-top: 5px;
              cursor: pointer;
              line-height: 15px;
              .iconfont {
                margin-right:8px;
                color: #ff7200;
              }
            }
          }
        }
        .bjhistory{
          display: flex;
          .tit{
            width: 80px;
            font-size: 12px;
            line-height: 28px;
          }
          .bjhistory-content{
            flex:1;
            margin-left:20px;
            .bjhistory-item{
              width: 100%;

              .bjhistory-item-name{
                font-size: 12px;
                line-height: 28px;
              }
              .bjhistory-record{
                width: 100%;
                border:1px solid #eee;
                line-height: 28px;
                background: #fff;
                font-size: 12px;
                padding:0px 10px;
                border-sizing:border-box;
                .record-line{
                  //border-bottom-style:dotted;
                  // border-bottom:1px dashed #000
                  border-bottom:1px dashed #d2d2d2;
                  .money{
                    color:#ff0000;
                  }
                  .time{
                    color:#8c8c8c;
                  }
                  &:last-of-type{
                    border-bottom:none;
                  }
                }
              }
            }

          }
        }
      }
    }
    .customer-search{
      margin-top:90px;
      width: 666px;
      margin:0 auto;
      .search-warp{
        width: 666px;
        margin-left: 30px;
        .search-input{
          width: 100%;
          border:1px solid #ff7200;
          border-radius:6px;
          position: relative;
          .search-input{
            width: 535px;
            height:54px;
            line-height: 54px;
            border:none;
            text-indent: 20px;
            font-size: 18px;
            font-weight: bold;
            outline: none;
            background: transparent;
          }
          .search-btn{
            position: absolute;
            width: 100px;
            height:55px;
            //border-radius:8px;
            top:0px;
            border-top-right-radius: 8px;
            border-bottom-right-radius: 8px;
            right:0px;
            text-align: center;
            line-height: 55px;
            cursor: pointer;
            background:#ff7200;
            .icon-icserch{
              font-size: 24px;
              color:#fff;
            }
          }
        }
          .new-search{
            font-size: 12px;
            color:#8c8c8c;
            margin-top:8px;
            a{
              color:#8c8c8c;
              margin-right:18px;
            }
          }
        }
    }
    .customer-select{
      margin: 45px 0px;
      .customer-container{
        width:1100px;
        margin:0 auto;
        .el-input__inner{
          border:1px solid #dcdcdc;
          box-shadow: 0px 0px 5px #dcdcdc;
          font-size: 18px;
          color:#000;
          font-weight: bold;
        }
      }
    }
    .customer-table{
      width: 700px;
      margin:0 auto;
      .table-header{
        width:100%;
        float: left;
        margin-top:18px;
        margin-left:45px;
        .header-td{
          float: left;
          text-align: center;
          color:#8c8c8c;
          font-size: 12px;
          line-height: 55px;
          &:nth-of-type(1){
            width: 100px;
          }
          &:nth-of-type(2){
            width: 160px;
          }
          &:nth-of-type(3){
            width: 100px;
          }
          &:nth-of-type(4){
            width: 165px;
          }
          &:nth-of-type(5){
            width: 140px;
          }
        }
      }
      .table-body{
        float: left;
        width: 100%;
        .body-tr{
          position:relative;
          .body-tr-round{
            width: 9px;
            //margin-left: 16px;
            //margin-top: 20px;
            position: absolute;
            top:22px;
            left:30px;
            .round{
              width: 9px;
              height:9px;
              border:1px solid #dcdcdc;
              border-radius:50%;
            }
            .line{
              width: 1px;
              margin-left: 4px;
              height:47px;
              background: #dcdcdc;
            }
          }
          .body-tr-text{
            float: left;
            .tr-text-td{
              float: left;
              text-align: center;
              color:#8c8c8c;
              font-size: 12px;
              line-height: 55px;
              border-bottom:1px solid #dcdcdc;
              .table-btn{
                width: 100px;
                height:32px;
                border:1px solid #ced0da;
                background: #fefefe;
                border-radius:4px;
                color:#8c8c8c;
                outline: none;
                &:hover{
                    color:#ff7200;
                    border:1px solid #ff7200;
                }
              }
              &:nth-of-type(1){
                width: 100px;
                margin-left: 45px;
                font-size: 18px;
                font-weight: bold;
                color:#000;
              }
              &:nth-of-type(2){
                width: 160px;
                font-size: 14px;
                color:#fe0000;
                font-weight: bold;
               .tr-price{
                 position:relative;
                 display: inline-block;
                 .icon-hotfill{
                   position:absolute;
                   top:-10px;
                   right:-17px;
                 }
                 .prompt{
                   position: absolute;
                   height:25px;
                   border-radius:4px;
                   line-height: 25px;
                   border:1px solid #ff0000;
                   top:-12px;
                   color:#000;
                   left:-160px;
                   white-space:nowrap;
                   padding: 0 10px;
                   &::before{
                     content:'';
                     width:5px;
                     height:0px;
                     border-top:8px solid #ff0000;
                     border-left:5px solid transparent;
                     border-right:5px solid transparent;
                     position: absolute;
                     top:23px;
                     left:170px;
                   }
                   &::after{
                     content:'';
                     width:5px;
                     height:0px;
                     border-top:7px solid #fff;
                     border-left:5px solid transparent;
                     border-right:5px solid transparent;
                     position: absolute;
                     top:20px;
                     left:170px;
                   }
                 }
               }
              }
              &:nth-of-type(3){
                width: 100px;
                font-size: 14px;
                color:#000;
              }
              &:nth-of-type(4){
                width: 165px;
                color:#000;
                font-size: 14px;
              }
              &:nth-of-type(5){
                width: 100px;
              }
            }
          }
          &:last-child{
            .body-tr-text{
              .tr-text-td{
                border:none;
              }
            }
            .body-tr-round{
                .line{
                  display: none;
                }
            }
          }
        }
      }
    }
    .order-banner{
      margin: 60px auto;
      width: 700px;
      border-radius:4px;
      padding:30px;
      background: #fff;
      .order-details{
        width:100%;
        box-sizing: border-box;
        .details{
          width:100%;
          display: flex;
          border-bottom:1px dashed #d2d2d2;
          line-height: 28px;
          font-size: 14px;
          font-family: simsun;
          .details-left{
            flex:1;
          }
          .details-right{
            width: 110px;
          }
          .price{
            font-size: 18px;
            font-weight: bold;
            color:#fe0000;
          }
        }
      }
      .instructions{
        margin-top:35px;
        font-size: 12px;
        line-height:21px;
        color:#8c8c8c;
        .instructions-text{
          text-indent: 50px;
        }
      }
    }
    .confirm-btns{
        width: 220px;
        margin:30px auto;
        .confirm-btn{
          font-size:12px;
          width:100px;
          height:32px;
          text-align: center;
          line-height: 32px;
          background:#ff7200;
          color:#f4f4f4;
          border-radius:4px;
          float: left;
        }
        .cf-btn{
          border:1px solid #8c8c8c;
          background: #fff;
          color:#8c8c8c;
        }
        .confirm-btn+.confirm-btn{
            margin-left:20px;
        }
    }
  }
}
